<template>
  <div class="total">
    <div class="totalTop">
      <img src="../../assets/3king/断货王/back.png" alt="" class="back">
      <span class="font_d">商品详情</span>
      <img src="../../assets/3king/断货王/share.png" alt="" class="share">
    </div>
    <div class="picture">
      <img src="../../assets/3king/断货王品牌详情/bigImg.png" alt="">
    </div>
    <div class="brands">
      <div class="refe">
        <img src="../../assets/3king/断货王商品详情/brandlogo.png" alt="">
        <div class="brands-m">
          <div class="f-1">品牌名字品牌名字</div>
          <div class="f-2">来自英国</div>
        </div>
      </div>
      <div>品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介绍品牌介...</div>
    </div>
    <h2>全部商品</h2>
    <div class="oversea">
      <div class="heich">
        <img src="../../assets/3king/断货王/listImg2.png" alt="">
      </div>
      <div class="witch">
        <h3>焕彩萃璨花蕊唇彩4.8g</h3>
        <div class="letter">焕彩萃璨花蕊唇彩4.8g焕彩萃璨花蕊唇彩4.8g焕彩萃璨花蕊唇彩4.8g</div>
        <div class="son">
          <img src="../../assets/3king/断货王品牌详情/oversealogo.jpg" alt="" class="son-1">
          <img src="../../assets/3king/断货王商品详情/fly1.png" alt="" class="son-2">
          <span class="s-1">海外直邮</span>
          <span class="s-2">¥166.06</span>
        </div>
      </div>
    </div>
    <div class="oversea">
      <div class="heich">
        <img src="../../assets/3king/断货王/listImg2.png" alt="">
      </div>
      <div class="witch">
        <h3>焕彩萃璨花蕊唇彩4.8g</h3>
        <div class="letter">焕彩萃璨花蕊唇彩4.8g焕彩萃璨花蕊唇彩4.8g焕彩萃璨花蕊唇彩4.8g</div>
        <div class="son">
          <img src="../../assets/3king/断货王品牌详情/oversealogo.jpg" alt="" class="son-1">
          <img src="../../assets/3king/断货王商品详情/fly1.png" alt="" class="son-2">
          <span class="s-1">海外直邮</span>
          <span class="s-2">¥166.06</span>
        </div>
      </div>
    </div>
    <div class="oversea">
      <div class="heich">
        <img src="../../assets/3king/断货王/listImg2.png" alt="">
      </div>
      <div class="witch">
        <h3>焕彩萃璨花蕊唇彩4.8g</h3>
        <div class="letter">焕彩萃璨花蕊唇彩4.8g焕彩萃璨花蕊唇彩4.8g焕彩萃璨花蕊唇彩4.8g</div>
        <div class="son">
          <img src="../../assets/3king/断货王品牌详情/oversealogo.jpg" alt="" class="son-1">
          <img src="../../assets/3king/断货王商品详情/fly1.png" alt="" class="son-2">
          <span class="s-1">海外直邮</span>
          <span class="s-2">¥166.06</span>
        </div>
      </div>
    </div>
    <div class="box">查看更多↓↓</div>
  </div>
</template>
<script>
</script>
<style scoped>
  .totalTop{
    background: #e53e42;
    height: 2.13rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .back{
    width: 0.51rem;
    height: 0.84rem;
    margin-left: 0.44rem;
  }
  .font_d{
    font-size: 0.8rem;
    color: #fff
  }
  .share{
    height: 0.78rem;
    width: 0.8rem;
    display: inline-block;
    margin-right: 0.44rem;
  }
  .picture img{
    width: 100%;
  }
  .oversea{
    margin-bottom: 0.53rem;
    border-bottom: 1px solid gainsboro
  }
  .brands{
    background: white;
    margin-bottom: 0.5rem;
  }
  .brands img{
    margin-left: 0.83rem;
    margin-right: 0.83rem;
    width: 2.22rem;
    height: 2.22rem;
  }
  .brands-m{
    margin-top: 0.22rem;
  }
  .refe{
    display: flex;
  }
  .f-1{
    font-size: 0.62rem;
  }
  .f-2{
    font-size: 0.44rem;
  }
  p{
    width: 89%;
    margin: auto;
    font-size: 0.4rem;
    background: white;
  }
  h2{
    font-size: 0.67rem;
    padding: 0.53rem 0 0.53rem 0.53rem;
    background: white;
    border-bottom: 1px solid gainsboro;
  }
  .oversea{
    display: flex;
    background: white;
  }
  .heich img{
    width: 2rem;
    padding:0.86rem 1rem 0.44rem 1.5rem;
  }
  .witch{
    padding: 0.44rem;
    font-size: 0.67rem;
  }
  .letter{
    font-size: 0.53rem;
    color: #4d4d4d;
    margin: 0.53rem 0 0.53rem 0;
  }
  .son{
    overflow: hidden;
  }
  .son-1{
    width: 0.67rem;
    margin-right: 0.44rem;
  }
  .son-2{
    width: 0.7rem;
  }
  .s-1{
    font-size: 0.53rem;
    color: #666666;
  }
  .s-2{
    color: red;
    float: right;
    margin-right: 0.53rem;
  }
  .box{
    text-align: center;
    font-size: 0.67rem;
    margin: 0.53rem;
  }
</style>
